 body{
    	background-image: url(../imges/bg-1.jpeg);
    }
    #title{
    	margin-top:30px;
		font-size: 25px;
    }
    .eat{
    	width: 700px;
    	height: 300px;
    	background-color: rgba(255,255,255,0.6);
    	padding-top: 1%;
    	border-radius: 15px;
    	margin: auto;
    }
    .food{
    	position: relative;
    	width: 90%;
    	height: 86%;
    	background-color: white;
    	margin:  auto; 	
    }
    .good{
    	margin-left:93%;
    	margin-top: 1%;
    	border: gray 1px solid;
    	border-radius: 50%;
		text-align:center;
    	width: 38px;
    	height: 38px;
    	line-height: 38px;
    	font-size: 12px;
    	text-align: center;
    	position: absolute;
    	top:80%;
    }
    span{
    	padding-top: 2%;
    	padding-left: 5%;
    	font-size: 19px;
    }
    .long{
    	width: 1000px;
    	border-color: black;
    }
    .short{
    	width: 800px;
    	border-color: black;
    }
    a{
    	color: black;
    	text-decoration: none;
    }
	#et{
		margin-left: 20%;
		font-family: 黑体;

	}
	#enter {
		margin-left:50%;
	}
	#txt{
		margin-left: 25%;
	}
	#day{
		text-align: center;
	}
	#back{
		border-radius: 15px;
		margin: auto;
		width: 200px;
		height: 50px;
		text-align: center;
		padding-top: 2%;
		font-family: 黑体;
		background-color: rgba(255,255,255,0.7);
	}
	.litter {
		width: 250px;
		height: 150px;
		background-color: rgba(255,255,255,0.7);	
		margin:2%;
		float: left;
		position: relative;
		}
		
	.text {
		width: 250px;
		height: 30px;
		background-color: rgba(255,255,255,0.7);
		margin: 17px;
		float: left;
		position: relative;
		}
		
		
	
	#good5,#good6,#good7{
		
    	border-radius: 50%;
		text-align:center;
    	width: 25px;
    	height: 25px;
    	line-height: 25px;
    	font-size: 10px;
    	text-align: center;
    	margin-left: 89%;
    	position: absolute;
    	top:80%;
	}
	.longlong{
		width: 80%;
		border-color: black;
	}
	#litter{
		margin: 0px auto;	
		width: 900px;
	}